<legend class='hyc-legend'>
    <i class="fa fa-list"></i>&nbsp;
    <span>运单预览</span>
</legend>
<div class="panel panel-default">
    <div class="panel-heading">
        服务订单列表
        <span class="pull-right hyc-color" style="cursor: pointer;" onclick="javascript: history.go(-1);"><i class="fa fa-arrow-left"></i>&nbsp;返回</span>
    </div>
    <div class="panel-body">
        <div class="hyc-border-bottom" ng-repeat="order in checkOrder track by $index">
            <div class="row hyc-line-height-30">
                <div class="col-md-2 text-right">服务订单</div>
                <div class="col-md-3">{{order.orderCode}}</div>
                <div class="col-md-2 text-right">下单客户</div>
                <div class="col-md-3">{{order.userName}}</div>
                <div class="col-md-2 hyc-color">{{order.statusText}}</div>
            </div>
            <div class="row hyc-line-height-30">
                <div class="col-md-2 text-right">起运省/市/区县</div>
                <div class="col-md-3">{{order.departProvinceName}}{{order.departCityName}}{{order.departCountyName}}</div>
                <div class="col-md-2 text-right">目的省/市/区县</div>
                <div class="col-md-3">{{order.receiptProvinceName}}{{order.receiptCityName}}{{order.receiptCountyName}}</div>
                <div class="col-md-2">&nbsp;</div>
            </div>
            <div class="row hyc-line-height-30">
                <div class="col-md-2 text-right">起运详细地址</div>
                <div class="col-md-3">{{order.departAddr}}</div>
                <div class="col-md-2 text-right">目的地详细地址</div>
                <div class="col-md-3">{{order.receiptAddr}}</div>
                <div class="col-md-2 text-center"><i class="fa fa-trash-o fa-lg hyc-color" title="删除服务订单" style="cursor: pointer;" ng-click="removeServiceOrder(order)"></i> </div>
            </div>
            <div class="row hyc-line-height-30">
                <div class="col-md-2 text-right">计划提车时间</div>
                <div class="col-md-3">{{order.deliveryDate | date: 'yyyy-MM-dd'}}</div>
                <div class="col-md-2 text-right">计划交车时间</div>
                <div class="col-md-3">{{order.arriveDate | date: 'yyyy-MM-dd'}}</div>
                <div class="col-md-2">&nbsp;</div>
            </div>
            <div class="row hyc-line-height-30">
                <div class="col-md-2 text-right">品牌名称</div>
                <div class="col-md-3">{{order.brandName}}</div>
                <div class="col-md-2 text-right">车系名称</div>
                <div class="col-md-3">{{order.vehicleName}}</div>
                <div class="col-md-2">&nbsp;</div>
            </div>
            <div class="row hyc-line-height-30">
                <div class="col-md-2 text-right">上门提车</div>
                <div class="col-md-3">{{order.isPick == true?'是': '否'}}</div>
                <div class="col-md-2 text-right">送车上门</div>
                <div class="col-md-3">{{order.isDeliv == true?'是': '否'}}</div>
                <div class="col-md-2">&nbsp;</div>
            </div>
            <div class="row hyc-line-height-30">
                <div class="col-md-2 text-right">备注</div>
                <div class="col-md-8" style="color: red;">{{order.comment}}</div>
                <div class="col-md-2">&nbsp;</div>
            </div>
        </div>
        <div class="row hyc-line-height-30 padding-top-20">
            <div class="col-md-2 text-center">起运省/市/区县</div>
            <div class="col-md-4">
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <button type="button" class="btn btn-default admin-select select hyc-width" ng-change="loadDepartCity()" ng-model="waybillInfo.departProvinceCode" bs-options="p.code as p.name for p in loadProvince" bs-select placeholder="---请选择---">
                            </button>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <button type="button" class="btn btn-default admin-select select hyc-width" ng-change="loadDepartCounty()"  ng-model="waybillInfo.departCityCode" bs-options="cityDate.code as cityDate.name for cityDate in departCity" bs-select placeholder="---请选择---">
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-group">
                    <button type="button" class="btn btn-default admin-select select hyc-width" ng-change ="calculate()"  ng-model="waybillInfo.departCountyCode" bs-options="countyDate.code as countyDate.name for countyDate in departCounty" bs-select placeholder="---请选择---">
                    </button>
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-group">
                    <input type="text" class="form-control hyc-color" ng-model="waybillInfo.departAddr" placeholder="详细地址">
                </div>
            </div>
        </div>
        <div class="row hyc-line-height-30">
            <div class="col-md-2 text-center">目的省/市/区县</div>
            <div class="col-md-4">
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <button type="button" class="btn btn-default admin-select select hyc-width" ng-change="loadReceiptCity()" ng-model="waybillInfo.receiptProvinceCode" bs-options="p.code as p.name for p in loadProvince" bs-select placeholder="---请选择---">
                            </button>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <button type="button" class="btn btn-default admin-select select hyc-width" ng-change="loadReceiptCounty()" ng-model="waybillInfo.receiptCityCode" bs-options="cityDate.code as cityDate.name for cityDate in receiptCity" bs-select placeholder="---请选择---">
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-group">
                    <button type="button" class="btn btn-default admin-select select hyc-width" ng-change ="calculate()" ng-model="waybillInfo.receiptCountyCode" bs-options="countyDate.code as countyDate.name for countyDate in receiptCounty" bs-select placeholder="---请选择---">
                    </button>
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-group">
                    <input type="text" class="form-control hyc-color" ng-model="waybillInfo.receiptAddr" placeholder="详细地址">
                </div>
            </div>
        </div>
        <div class="row hyc-line-height-30">
            <div class="col-md-2 text-center">&nbsp;</div>
            <div class="col-md-10">
                <div class="row">
                    <div class="col-md-1 text-right">
                        <div class="form-group hyc-inner-block">
                            <input type="checkbox" class="checkbox hyc-inner-block" ng-model="waybillInfo.isExtract"/>
                        </div>
                    </div>
                    <div class="col-md-2 text-left padding0">
                        提车运单
                    </div>
                    <div class="col-md-1 text-right">
                        运输方式
                    </div>
                    <div class="col-md-2" ng-show="waybillInfo.isExtract">
                        <div class="form-group hyc-inner-block hyc-select-width">
                            <button type="button" class="btn btn-default admin-select select" ng-model="waybillInfo.extractWay" bs-options="p.code as p.name for p in trans1" bs-select placeholder="请选择">
                            </button>
                        </div>
                    </div>
                    <div class="col-md-2" ng-hide="waybillInfo.isExtract">
                        <div class="form-group hyc-inner-block hyc-select-width">
                            <button type="button" class="btn btn-default admin-select select" ng-model="waybillInfo.extractWay" bs-options="p.code as p.name for p in trans1" bs-select placeholder="请选择" disabled="disabled">
                            </button>
                        </div>
                    </div>
                    <div class="col-md-1 text-right">起运日期</div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <input type="text" class="form-control hyc-color" ng-model="waybillInfo.shipmentDate" placeholder="起运日期" bs-datepicker date-format="yyyy-MM-dd" data-autoclose="1" data-min-date="today">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row hyc-line-height-30">
            <div class="col-md-2 text-center">运单类型（可多选）</div>
            <div class="col-md-10">
                <div class="row">
                    <div class="col-md-1 text-right">
                        <div class="form-group hyc-inner-block">
                            <input type="checkbox" class="checkbox hyc-inner-block" ng-model="waybillInfo.isLongHaul"/>
                        </div>
                    </div>
                    <div class="col-md-2 text-left padding0">
                        长途运输
                    </div>
                    <div class="col-md-1 text-right">
                        运输方式
                    </div>
                    <div class="col-md-2" ng-show="waybillInfo.isLongHaul">
                        <div class="form-group hyc-inner-block hyc-select-width">
                            <button type="button" class="btn btn-default admin-select select hyc-width" ng-model="waybillInfo.longHaulWay" bs-options="p.code as p.name for p in trans2" bs-select placeholder="请选择" max-length-html="个被选中" allText="选中全部" noneText="没有选中">
                            </button>
                        </div>
                    </div>
                    <div class="col-md-2" ng-hide="waybillInfo.isLongHaul">
                        <div class="form-group hyc-inner-block hyc-select-width">
                            <button type="button" class="btn btn-default admin-select select hyc-width" ng-model="waybillInfo.longHaulWay" bs-options="p.code as p.name for p in trans2" bs-select placeholder="请选择" max-length-html="个被选中" allText="选中全部" noneText="没有选中" disabled="disabled">
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row hyc-line-height-30">
            <div class="col-md-2 text-center">&nbsp;</div>
            <div class="col-md-10">
                <div class="row">
                    <div class="col-md-1 text-right">
                        <div class="form-group hyc-inner-block">
                            <input type="checkbox" class="checkbox hyc-inner-block" ng-model="waybillInfo.isDelivery"/>
                        </div>
                    </div>
                    <div class="col-md-2 text-left padding0">
                        交车运单
                    </div>
                    <div class="col-md-1 text-right">
                        运输方式
                    </div>
                    <div class="col-md-2" ng-show="waybillInfo.isDelivery">
                        <div class="form-group hyc-inner-block hyc-select-width">
                            <button type="button" class="btn btn-default admin-select select hyc-width" ng-model="waybillInfo.deliveryWay" bs-options="p.code as p.name for p in trans1" bs-select placeholder="请选择">
                            </button>
                        </div>
                    </div>
                    <div class="col-md-2" ng-hide="waybillInfo.isDelivery">
                        <div class="form-group hyc-inner-block hyc-select-width">
                            <button type="button" class="btn btn-default admin-select select hyc-width" ng-model="waybillInfo.deliveryWay" bs-options="p.code as p.name for p in trans1" bs-select placeholder="请选择" disabled="disabled">
                            </button>
                        </div>
                    </div>
                    <div class="col-md-1 text-right">到达日期</div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <input type="text" class="form-control hyc-color" ng-model="waybillInfo.arriveDate" placeholder="到达日期" bs-datepicker date-format="yyyy-MM-dd" data-min-date="today" data-autoclose="1" ng-change ="calculate()">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row hyc-line-height-30">
            <div class="col-md-2 text-center">
                提车联系人/电话
            </div>
            <div class="col-md-4">
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <input type="text" class="form-control hyc-color" placeholder="提车联系人" ng-model="waybillInfo.departDriverName"/>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <input type="text" class="form-control hyc-color" placeholder="提车联系人电话" ng-model="waybillInfo.departDriverPhone" maxlength="11"/>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-2 text-center">
                交车联系人/电话
            </div>
            <div class="col-md-4">
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <input type="text" class="form-control hyc-color" placeholder="交车联系人" ng-model="waybillInfo.receiptDriverName"/>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <input type="text" class="form-control hyc-color" placeholder="交车联系人电话" ng-model="waybillInfo.receiptDriverPhone" maxlength="11"/>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row hyc-line-height-30">
            <div class="col-md-2 text-center">运单价格</div>
            <div class="col-md-4">
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <input type="number" class="form-control hyc-color" ng-model="waybillInfo.cost" placeholder="输入运单价格">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <span class="hyc-color">(参考价格：{{sorderCost || 0 | number: 2}}元)</span>
                    </div>
                </div>
            </div>
            <div class="col-md-6">&nbsp;</div>
        </div>
    </div>
    <div class="panel-footer padding5">
        <div class="row">
            <div class="col-md-9">&nbsp;</div>
            <div class="col-md-3 text-right">
                <div class="btn btn-sm btn-warning" ng-click="sendOrder()">派单</div>
            </div>
        </div>
    </div>
</div>